@import 'tailwindcss';
@import '@skeletonlabs/skeleton';
@import '@skeletonlabs/skeleton/optional/presets';

.calendars-container {
    @apply !bg-surface-200 !border-surface-200;
    --datepicker-calendar-day-color-disabled: gray;
    --datepicker-calendar-day-color: black;
}

.calendars-container .calendar {
    @apply !border-surface-300;
}

.dark .calendars-container {
    @apply !bg-surface-800 !border-surface-800;
    --datepicker-calendar-day-color-disabled: gray;
    --datepicker-calendar-day-color: white;
}

.dark .calendars-container .calendar {
    @apply !border-surface-700;
}